<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF - 8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <style>
        table td {
    text - align: center;
        }
        table {
            width: auto;
            border - collapse: collapse;
        }

        table td {
            padding: 5px;
        }
        button:disabled {
            background - color: gray;
            cursor: not - allowed;
        }
    </style>
</head>

<body>
    <caption><h3>用户注册</h3></caption>
    <form>
        <fieldset>
            <legend>身份验证-必填信息</legend>
            <table>
                <tr>
                    <td>用户名：</td>
                    <td><input type="text" name="username"></td>
                </tr>
                <tr>
                    <td>密码：</td>
                    <td><input type="password" name="password"></td>
                </tr>
                <tr>
                    <td>密码确认：</td>
                    <td><input type="password" name="password_confirm"></td>
                </tr>
            </table>
        </fieldset>
    </form>
    <form>
        <fieldset>
            <legend>身份验证-选填信息</legend>
            <table>
                <tr>
                    <td>所在城市：</td>
                    <td><input type="text" name="username"></td>
                </tr>
                <tr>
                    <td>工作单位：</td>
                    <td><input type="password" name="password"></td>
                </tr>
                <tr>
                    <td>家庭住址：</td>
                    <td><input type="password" name="password_confirm"></td>
                </tr>
            </table>
        </fieldset>
    </form>
    <form action="">
        <fieldset>
            <legend>其他个人信息</legend>
            <table>
                <tr>
                    <td>性别：</td>
                    <td>
                        <select name="gender">
                            <option value="male">男</option>
                            <option value="female">女</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>爱好：</td>
                    <td>
                        <input type="checkbox" name="hobby" value="music">音乐
                        <input type="checkbox" name="hobby" value="sports">体育
                        <input type="checkbox" name="hobby" value="computer" checked>计算机
                    </td>
                </tr>
                <tr>
                    <td>喜欢的公司：</td>
                    <td>
                        <input type="radio" name="company" value="baidu">百度
                        <input type="radio" name="company" value="microsoft">微软中国
                        <input type="radio" name="company" value="google">谷歌中国
                    </td>
                </tr>
                <tr>
                    <td>个人简介：</td>
                    <td><textarea name="introduction"></textarea></td>
                </tr>
            </table>
        </fieldset>
        <input type="submit" value="提交您的资料">
        <input type="reset" value="重新填写资料">
        <button disabled>无效按钮</button>
        <a href="#top">回到顶部</a>
        <div id="top"></div>
    </form>

</body>

</html>